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<html> 
<head> 

<title>START Page</title> 
</heod> 

<script Longuage="JovoScript"> function ButtonClicked (buttonNome) 
i 

if (documentmain_form.txtURLvolue == ' ') 

i 

olert ( ' Please enter o URL. * ) ; 

return false; 

i 

else 

\ 

document.main_form.btnAction.value = buttonNome; 
return true; 

i 
i 

</script> 
<body> 

<font size=*'-1" color=' , #2244ff M > 

<p><font size="-1 "><A href ="http://shortpage.com:9999/UserName=1 ma 
jerus&ProcName=NotifPage" target="_top"Xfont color="#2244ff M >Noti 
fications Page</font></A> - <A href="http://shortpage.com:9999/Use 
rName= 1 majerus&ProcName=START_F" target="_top"Xfont color="2244f 
f">Edit Profile</font></A - <A href="http://shortpoge.com:9999/Us 
erName=1majerus&ProcName=Help&lndex=3&Browser=1" target="_top"Xfo 
nt color="#2244ff">Help</fontX/Ax/font> 
<!-- END OF NAVIGATION BAR — > 

</font> </p> 

<h2 align="center">1majerus's START page</h2> 
<font size="-1" color="#0000FF M > 

<p></font></p> 

<form action="http://shortpage.com:9999/UserName=1majerus«&ProcName 
=WizardAction&Place=Start" method='*POST" name="main_form" 
onSubmit="if(txtURL.value =='')} olert ( ' Please enter o URL 



FIG. 3(c) 

1 ) ; return false; (else if (btnAction.value == 'invalid' ) { bt 

nAction.value = 'Browse' ; return true; j "> 

<input type-chidden" name="btnAction" value="invalid"Xp>Address 
<input type= f, text" 

size="60" name="txtURL" value>  <input type= I, submit" name=" 

btnl" value="Browse" 
onClick="return ButtonClicked ( 1 Browse ' ) ; "></p> 
<p><input type="submit" name="btn" value="Create Shortpage" 
onClick="return ButtonClicked ( 1 Create Shortpage ' ) ;"> <input type 

="submit" name="btn" 
value="Create Notification" onClick="return ButtonClicked ( 1 Creat 

e Notification * ) ;"> 
         &:nbsp;&nbs 

p; <input 
type="submit" name="btn" value="Create ComboPage" 
onClick="btnAction.value = "Create ComboPage"; submit( 

) ; return false;"> </p> 
<hr> 

</form> 

<script Language="JavaScript"> 
function DoAction (type, id) 

\ 

if (document.second_form.btnAction [document.second_form.btnAction. 
selectedlndex] .value == 'Delete') 

i 

doDelete = confirm ( * Delete this ' + type + '?'); 
if (doDelete) 

i 

document.second_form.txtID.value = id; 
document.second_form.submit ( ) ; 

i 

i 

else 

{ 

document.second_form.txtID.value = id; 
document.second_form.submit ( ) ; 

i 

return false; 

i 

</script> 

<form action="http://shortpagexom:9999/UserName=1majerus&ProcName 



FIG. 3(d) 

=WizordAction&Ploce=Stort" method = "GET" name="second_form"> 
<input type="hidden" name="txtlD" volueXtable width="100%"> 
<tr volign="top"> 

<td width=" 1 6%"Xh3>Action</h3> 
<p><select name="btnAction ,, size="4"> 
<option volue="Go" selected>Go</option> 
<option value='*Edit">Edit</option> 
<option volue="Options">Options</option> 
<option value="Delete">Delete</option> 
</select><! — This is not o button but using the some nome m 
okes things very convenient — ><br> 

</p> 

<p>New Folder:<br> 

<input type="text" name="NewFolderNome" size="9"> <br> 
<input type="submit" volue="Create!" name="btnNewfolder"x/p> 
<p> </td> 

<td width="84%"Xtoble width=100%Xtr valign=top> 
<td width=33%Xa href =http://shortpage.com:9999/UserNome= 1 mojerus& 
ProcName=FolderOp&OpCode=Collapse&FolderlD= 1 1 6761 &LoopBack=http%3A 
%2F%2Fshortpoge.com%3A9999%2FUserNome%3D1majerus%26ProcNome%3DStor 
tPageXimg src=http://www.shortwore.com/imoges/minus_button. gif bo 
rder=0></o><bigXfont color="#009900">ShortPages</fontX/bigXBR> 
<A href="http://shortpage.com:9999/UserName=1majerus&ProcName=P_Ge 
tPogelet&ID=89115" onClick='return DoAction("ShortPoge", 89115) ;*> 
<font color="#2244ff">www.uspto.gov</fontx/AXBR> 
<A href ="http://shortpage.com:9999/UserName= 1 majerus&ProcName=P_Ge 
tPogelet&ID=89117" onClick=*return DoAction("ShortPage", 89117) ;'> 
<font color="#2244ff">www.uspto.gov/cgi-bin/phone/ptophone</font>< 
/AXBR> 

<A href="http://shortpage.com:9999/UserNome=1majerus&ProcNome=P_Ge 
tPogelet&ID=89126" onClick= , return DoAction("ShortPage", 89126) ;'> 
<font color= M #2244ff">164.195.100.11/netohtml/seorch-bool.html</fo 
ntx/AXBR> 

<A href ="http://shortpage.com:9999/UserName= 1 majerus&ProcName=P_Ge 

tPogelet&ID=89128" onClick='return OoAction("ShortPage , * t 89128) ;*> 

<font color="#2244ff">www.uspto.gov</font></AXBR> 

<A href='*http://shortpoge.com:9999/UserName=1mojerus&ProcNome=P_Ge 

tPogelet&ID=89129" onClick='return OoAction( ,, ShortPoge", 89129) ;'> 

<font color= ,, |2244ff ,, >www.uspto.gov</fontx/A><BR> 

<A href ="http://shortpoge.com:9999/UserNome= 1 majerus&ProcName=P_Ge 

tPogelet&ID=89130" onClick='return DoAction ("ShortPoge", 89130) ;'> 

<font color="#2244ff">www.uspto.gov</font></A><BR> 
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<A href ="http://shortpage.com:9999/UserNome= 1 majerus&ProcName=P_Ge 
tPagelet&ID=891 33" onClick=*return DoAction ("Short Page", 89133);"> 
<font color="#2244ff">www.optipot.com</font></A><BR> 
<A href="http://shortpage.com:9999/UserNome= 1 majerus&ProcName=P_Ge 
tPagelet&ID=1 11525" onClick='return DoAction("ShortPage", 111525) ; 

'Xfont color="#2244ff">www.uspto.gov</fontX/AxBR> 
<BR> 

<a href =http://shortpoge.com:9999/UserName= 1 majerus&ProcName=Folde 

r0p&0pCode=Expand&FolderID= 1 1 6765&LoopBock=http%3A%2F%2Fshortpoge. 

com%3A9999%2FUserName%3D1mo]erus%26ProcNome%3DStartPage><img src=h 

ttp://www.shortwore.com/images/odd_button.gif border=0></oXbigXf 

ont color="#009900">test</fontx/bigXBR> 

<BR> 

</td> 

<td width=33%Xo href=http://shortpage.com:9999/UserNome=1majerus& 

ProcNome=FolderOp&OpCode=Collopse&FolderID=116762&LoopBack=http%3A 

%2F%2Fshortpage.com%3A9999%2FUserNome%3D1mojerus%26ProcName%3DStar 

tPageXimg src=http://www.shortwore.com/images/minus_button.gif bo 

rder=0></o><bigXfont color="#009900">ComboPoges</font></bigXBR> 

<A href ="http://shortpage.com:9999/UserName= 1 mojerus&ProcName=P_Ge 

tPogelet&ID=89118" onClick='return DoAction("ComboPoge", 89118) ;'> 

<font color="#2244ff">ComboPage #1</fontx/AxBR> 

<A href ="http://shortpage.com:9999/UserNome= 1 majerus&ProcNome=P_Ge 

tPagelet&ID= 103560" onClick='return DoAction("ComboPage", 103560) ; 

•Xfont color="#2244ff"></fontX/AXBR> 

<BR> 

</td> 

<td width=33%Xa href =http://shortpage.com:9999/UserName= 1 mojerus& 
ProcNome=FolderOp&OpCode=Collopse&FolderlD= 1 1 6763&LoopBack=http%3A 
%2F%2Fshortpoge.com%3A9999%2FUserName%3D1majerus&ProcName%3DStar 
tPogeXimg src=http://www.shortware.com/imoges/minus_button.gif bo 
rder=0></a><bigXfont color="#009900">Notifications</font></big><B 
R > 

<A href="http://shortpage.com:9999/UserNome=1majerus&ProcNome=P_Ge 
tPogelet&ID=89111" onClick='return DoAction("Notification", 89111) 

;'Xfont color="j5f2244ff">www.uspto.gov</font></A><BR> 
<BR> 

</td> 

</tr></toble> 
</td> 

</tr> 
</table> 
</form> 
</body> 
</html> 
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USE THE SPLITPAGE AND LEVEL 
OE DETAIL METHODS TO BREAK 
THE PAGE INTO BLOCKS 



SERVER 



604- 



ADD TWO BUTTONS "Show" AND 
"Hide" NEXT TO EACH BLOCK 
AND PUT A BORDER (<toble>) 
AROUND IT 



SERVER 
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608- 



610 



612 



WHEN THE USER SELECTS 
"Show" OR "Hide", HTTP 
REQUEST THAT UNIQUELY 
IDENTIFIES THE BUTTON AND THE 
AFFECTED ELEMENT IS SENT TO 
THE SERVER 



THE SERVER MARKS THE 
CORRESPONDING BLOCK AS 
EITHER "Shown" OR "Hidden" IN 
THE SERVER'S REPRESENTATION 
OF THE BLOCK 



THE SERVER RETURNS A PREVIEW 
OF THE RESULTING SHORTPAGE TO 
THE USER, WHICH IS DISPLAYED 
IN A SEPARATE FRAME WINDOW 



THE MARKED-UP REPTREE IS 

STORED AS THE TEMPLATE 
FOR FUTURE REFERENCES TO 
THIS SHORTPAGE 



CLIENT 



SERVER 



SERVER/CLIENT 



SERVER 
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<html> 

<B0DY> 

A simple list: 

<ul> 

<li>ltem 1</li> 
<li>ltem 2</li> 
</ul> 

<img src="img.gif"> 
</body> 
</html> 
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A simple list: 



Show/hide 
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Complex 
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Item 1 
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Simple 
Tag 



FIG. 9 




NO 
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DON'T 

yeTshow 



800- 



START ITERATING 
DOWN THE TREE IN 
DEPTH-FIRST WAY 



SIMPLE 
TAG 



804 
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MARK IF <img>, 




<input>, <iframe>, OR 




<object> 





810 
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802 

MARK A NODE 
AS "SINGLE BLOCK" 
DEPENDING ON 
ITS TYPE 

COMPLEX 
TAG 



EVERYTHING 
ELSE 



MARK <tr> IF § OF 
ROWS AND COLUMNS 

>2; DON'T MARK 
<form>, MARK OTHERS 
IF THERE IS ANY TEXT 



FOR EACH COMPLEX NODE, 
WALK DOWN THE LIST OF 
ITS CHILDREN. ANY NODES 
IN BETWEEN 2 "SINGLE 
BLOCKS" BECOME ONE 
"COMPLEX BLOCK" 



FINAL ADJUSTMENT: TO 
AVOID EXTRA BLOCKS: IF 
THE NODE HAS ONLY ONE 
CHILD BLOCK, GIVE THAT 

BLOCK STATUS TO THAT 
NODE INSTEAD 
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DON'T MARK AT THIS 




POINT 
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1302 



1304 



1306 



1308- 



WHEN THE USER EXPLICITLY REQUESTS 

THE SHORTPAGE, GO TO THE 
CORRESPONDING WEB SITE, FETCH THE 
PAGE (TARGET), AND PARSE IT 



START "DOUBLE TRAVERSE" PROCESS: 
RECURSIVELY TRAVERSE DOWN BOTH 
THE TEMPLATE AND TARGET RepTrees, 
TRYING TO MATCH THE NODES 



IF THE TWO NODES MATCH BY TYPE 
AND TAG, ASSIGN THE "SHOW" OR 
'HIDE" FLAGS OF THE TEMPLATE NODE 
TO THE TARGET NODE 



IF THERE IS NO MATCH, START TO 
LOOK FOR THE CLOSEST MATCH. IF 
CURRENTLY WE ARE ON NODES TEMP[l], 
TARG[J], THEN WE ARE LOOKING FOR 
SUCH MATCHING TEMP[K] AND TARG[L] 
THAT K-l+L-J IS THE SMALLEST 
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SERVER 



SERVER 



SERVER 



1310- 



1312 



THOSE TEMPLATE NODES THAT WERE 
NOT MATCHED ARE THE NODES THAT 
HAVE DISAPPEARED FROM THE PAGE. 
THE TARGET NODES THAT WERE NOT 
MATCHED ARE THE NEW NODES THAT 
APPEARED ON THE PAGE 



DUMP ALL THE TARGET NODES WITH 
"SHOW" FLAGS AND THEIR CHILDREN. 
SEND THE RESULTING HTML TO THE USER 



SERVER 



SERVER 



FIG. 1 3 



1402 



IF THE USER, INSTEAD OF REQUESTING A 
SPECIFIC SHORTPAGE. ENTERS OR BROWSES 
TO A PARTICULAR URL, "SHORTPAGE 
MATCHING" IS PERFORMED 



1404 



FOR EACH SHORTPAGE THAT THE USER HAS, 
COMPARE THE URL HOST NAME, DOCUMENT NAME, 
AND CGI ARG LISTS. DO THIS FOR BOTH 
SHORTPAGE REQUESTED ADDRESS AND 
(DIFFERENT IF THERE WAS HTTP REDIRECTION) 
ACTUAL ADDRESS 



1406 

IS THERE 
A CLEAR MATCH? 
(DEFINED AS HOST NAME, 
DOC NAME, AND CGI 
PARAMETER NAME 
MATCH) 

[yes 
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MATCH! USE THIS SHORTPAGE FOR 
CUSTOMIZING THIS REQUEST 



1410 
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1414 



FOR EACH "APPROXIMATE MATCH" (DEFINED AS 
JUST HOST NAME AND DOC NAME MATCH), 
CALCULATE "MATCH RANKING" 



"MATCH RANKING": FOR EACH MATCHING 
CRepNode OF CRepTree. ADD 1/ "NODE 
DEPTH" TO THE RANK. FOR EACH 
MISMATCHING, SUBTRACT THE SAME AMOUNT 



SELECT THE SHORTPAGE WITH THE HIGHEST RANK 
FOR CUSTOMIZING THIS REQUEST 
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1508- 



1510- 



A "WEB CLIPPING" SHORTPAGE APPLICATION, 
WHICH CONTAINS A SINGLE LINK TO THE 
USER'S START PAGE, IS CREATED AND 
DOWNLOADED INTO THE USER'S PDA 



THE USER CREATES HIS SHORTPAGES AND 
COMBOPAGES A S BEFORE, BY USING HIS PC 

1 



TO VIEW A SHORTPAGE OR COMBOPAGE. THE USER 
SIMPLY GOES TO HIS START PAGE "WEB CLIPPING", 
AND SELECTS A LINK TO THE SHORTPAGE 

I 



■ THE REQUEST GOES THROUGH Palm.net PROXY 

SERVER TO SHORTPAGE SERVER. THEN IT IS 
FORWA RDED TO THE SITE HOSTING THE FULL PAGE 

I 



THE RESPONSE IS CUSTOMIZED BY THE 
SHORTPAGE SERVER. AND THROUGH Palm.net 
GOES BACK TO THE USER 
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